// 按下去的样式类
.pure-hover {
    opacity: var(--pure-opacity-hover);
}

// 禁用状态样式类
.pure-disabled {
    cursor: not-allowed;
    opacity: var(--pure-opacity-disabled);
    pointer-events: none;
}


// 提示文本样式类
.pure-placeholder,
// 多行文本域时需特殊处理一下
.uni-textarea-placeholder.pure-placeholder {
    color: var(--pure-text-color-placeholder);
}

/* 隐藏滚动条 */
.pure-hide-scrollbar::-webkit-scrollbar,
.pure-hide-scrollbar::-webkit-scrollbar-thumb,
.pure-hide-scrollbar ::-webkit-scrollbar,
.pure-hide-scrollbar ::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
}

// 超出行数，自动显示行尾省略号，最多10行
.pure-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.pure-line-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pure-line-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pure-line-4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.pure-line-5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.pure-line-6 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.pure-line-7 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 7;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.pure-line-8 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 8;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.pure-line-9 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 9;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.pure-line-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}


// 动画
// 旋转
@keyframes pure-animation-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
